﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <link href="~/Areas/Admin/css/jquery.gritter.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/style.default.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/morris.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/bootstrap-timepicker.min.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/style.datatables.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/dataTables.responsive.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/select2.css" rel="stylesheet" />


    <script src="~/Areas/Admin/js/jquery-1.11.1.min.js"></script>
    <script src="~/Areas/Admin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="~/Areas/Admin/js/jquery-ui-1.10.3.min.js"></script>
    <script src="~/Areas/Admin/js/bootstrap.min.js"></script>
    <script src="~/Areas/Admin/js/modernizr.min.js"></script>
    <script src="~/Areas/Admin/js/pace.min.js"></script>
    <script src="~/Areas/Admin/js/retina.min.js"></script>
    <script src="~/Areas/Admin/js/jquery.cookies.js"></script>
    <script src="~/Areas/Admin/js/jquery.dataTables.min.js"></script>
    <script src="~/Areas/Admin/js/dataTables.bootstrap.js"></script>
    <script src="~/Areas/Admin/js/dataTables.responsive.js"></script>

    <script src="~/Areas/Admin/js/bootbox.min.js"></script>
    <script src="~/Areas/Admin/js/jquery.gritter.min.js"></script>
    <script src="~/Areas/Admin/js/jquery.autogrow-textarea.js"></script>
    <script src="~/Areas/Admin/js/jquery.mousewheel.js"></script>
    <script src="~/Areas/Admin/js/jquery.tagsinput.min.js"></script>
    <script src="~/Areas/Admin/js/toggles.min.js"></script>
    <script src="~/Areas/Admin/js/bootstrap-timepicker.min.js"></script>
    <script src="~/Areas/Admin/js/jquery.maskedinput.min.js"></script>
    <script src="~/Areas/Admin/js/select2.min.js"></script>
    <script src="~/Areas/Admin/js/colorpicker.js"></script>
    <script src="~/Areas/Admin/js/jquery.validate.min.js"></script>
    <script src="~/Areas/Admin/js/custom.js"></script>

</head>
<body>
    <header>
        <div class="headerwrapper">
            <div class="header-left">
                <a href="index.html" class="logo">
                    <img src="~/Areas/Admin/images/logo.png" />
                </a>
                <div class="pull-right">
                    <a href="#" class="menu-collapse">
                        <i class="fa fa-bars"></i>
                    </a>
                </div>
            </div>
            <!-- header-left -->

            <div class="header-right">
                
                <div class="pull-right">
                    <div class="btn-group btn-group-list btn-group-notification">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="badge">5</span>
                    </button>
                    <div class="dropdown-menu pull-right">
                        <a href="#" class="link-right"><i class="fa fa-search"></i></a>
                        <h5>Notification</h5>
                        <ul class="media-list dropdown-list">
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user1.png" alt="">
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong> likes a photo of you
                                         
                                    <small class="date"><i class="fa fa-thumbs-up"></i>15 minutes ago</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user2.png" alt="">
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                         
                                    <small class="date"><i class="fa fa-calendar"></i>July 04, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user3.png" alt="">
                                <div class="media-body">
                                    <strong>Venro Leonga</strong> likes a photo of you
                                         
                                    <small class="date"><i class="fa fa-thumbs-up"></i>July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user4.png" alt="">
                                <div class="media-body">
                                    <strong>Nanterey Reslaba</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                         
                                    <small class="date"><i class="fa fa-calendar"></i>July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user1.png" alt="">
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                         
                                    <small class="date"><i class="fa fa-calendar"></i>July 02, 2014</small>
                                </div>
                            </li>
                        </ul>
                        <div class="dropdown-footer text-center">
                            <a href="#" class="link">See All Notifications</a>
                        </div>
                    </div>
                    <!-- dropdown-menu -->
                </div>
                <!-- btn-group -->

                <div class="btn-group btn-group-list btn-group-messages">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <span class="badge">2</span>
                    </button>
                    <div class="dropdown-menu pull-right">
                        <a href="#" class="link-right"><i class="fa fa-plus"></i></a>
                        <h5>New Messages</h5>
                        <ul class="media-list dropdown-list">
                            <li class="media">
                                <span class="badge badge-success">New</span>
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user1.png" alt="">
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <p>Hi! How are you?...</p>
                                    <small class="date"><i class="fa fa-clock-o"></i>15 minutes ago</small>
                                </div>
                            </li>
                            <li class="media">
                                <span class="badge badge-success">New</span>
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user2.png" alt="">
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong>
                                    <p>Lorem ipsum dolor sit amet...</p>
                                    <small class="date"><i class="fa fa-clock-o"></i>July 04, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user3.png" alt="">
                                <div class="media-body">
                                    <strong>Venro Leonga</strong>
                                    <p>Do you have the time to listen to me...</p>
                                    <small class="date"><i class="fa fa-clock-o"></i>July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user4.png" alt="">
                                <div class="media-body">
                                    <strong>Nanterey Reslaba</strong>
                                    <p>It might seem crazy what I'm about to say...</p>
                                    <small class="date"><i class="fa fa-clock-o"></i>July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="~/Areas/Admin/images/photos/user1.png" alt="">
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <p>Hey I just met you and this is crazy...</p>
                                    <small class="date"><i class="fa fa-clock-o"></i>July 02, 2014</small>
                                </div>
                            </li>
                        </ul>
                        <div class="dropdown-footer text-center">
                            <a href="#" class="link">See All Messages</a>
                        </div>
                    </div>
                    <!-- dropdown-menu -->
                </div>
                <!-- btn-group -->
                    <div class="btn-group btn-group-option">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-caret-down"></i>
                        </button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="#"><i class="glyphicon glyphicon-user"></i>My Profile</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-cog"></i>Account Settings</a></li>
                            <li class="divider"></li>
                            <li><a href="#"><i class="glyphicon glyphicon-log-out"></i>Sign Out</a></li>
                        </ul>
                    </div>
                    <!-- btn-group -->
                </div>
                <!-- pull-right -->
            </div>
            <!-- header-right -->

        </div>
    </header>
    <section>
        <div class="mainwrapper">
            <div class="leftpanel">
                <div class="media profile-left">
                    <a class="pull-left profile-thumb" href="@Url.Action("Profile", "User")">
                        <img class="img-circle" src="~/Areas/Admin/images/photos/profile.png" />
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Vo Tan Vuong</h4>
                        <small class="text-muted">Developer</small>
                    </div>
                </div>
                <!-- media -->

                @RenderSection("MenuBar")
            </div>
            <!-- leftpanel -->

            <div class="mainpanel">
                <div class="pageheader">
                    @RenderSection("Breadcrumbs")
                    <!-- media -->
                </div>
                <!-- pageheader -->

                <div class="contentpanel">
                    @RenderBody()
                </div>
                <!-- contentpanel -->
            </div>
            <!-- mainpanel -->
        </div>
        <!-- mainwrapper -->
    </section>
</body>
</html>
